@import "tailwindcss";
@reference "../../../app/globals.css";

.my-tabs-list{
  @apply flex flex-nowrap overflow-x-auto gap-content-gap-x md:gap-content-gap-x-md;
}
.my-tabs-list-trigger{
  @apply h-[40px] rounded-full shrink-0! bg-secondary px-4 hover:cursor-pointer hover:brightness-95 active:brightness-90;
}
.my-tabs-list-trigger.active{
  @apply bg-primary text-white;
}
.my-tabs{
  /* @apply grid grid-cols-4 gap-4; */
}